doctype html
head
	meta(charset='utf-8')
	link(rel='stylesheet', href='font/ux/iconfont.css')
	link(rel='stylesheet', href='css/col.css')
	link(rel='stylesheet', href='css/app.css')
body
	.header
		.container
			.right.float
				.table
					.item
						button.green Buy now
					.item
						.iconfont.icon-close.inline
						a.inline Remove Frame
	.main
		.left
			.container
				ul.nav.list
					li.search
						input(type='text', placeholder='search...')
					li.header
						label Overview
					li
						a(href='#') Dashboard
					li
						a(href='#') UI Features
					li.header
						label Pages
					li
						a(href='#') Template Page
					li
						a(href='#') FAQ
					li
						a(href='#') Invoice
					li
						a(href='#') Timeline
					li
						a(href='#') Calendar
					li
						a(href='#') Gallery
					li
						a(href='#') Mail
					li
						a(href='#') Front End
					li
						a(href='#') Fornt End Single Page
					li.header
						label Components
					li
						a(href='#') Tables
					li
						a(href='#') Grid
					li
						a(href='#') Panels
					li
						a(href='#') Wells
					li
						a(href='#') Charts
					li
						a(href='#') Typhography
					li
						a(href='#') Forms
					li
						a(href='#') Icons

		.right
			.container
				.ui.navBar.clearBoth
					.right.float
						img
					.right.float
						label Vijay Kumar
					.right.float
						a.iconfont.icon-email
				.content
					.breadcrumb
						a(href='#') Archon Admin
						.devider /
						a(href='#') Home
						.devider /
						a(href='#') Bread Crumb
					.row
						.column.wide
							.dashboards
								.row
									label Dashboard
						.four.column.wide.clearBoth
							.item
								.dashboard.web-stats.success.clearBoth
									.left.float
										h5 2344
										.span Unique views
									.right.float
										img(src='img/board1.png')
							.item
								.dashboard.web-stats.info.clearBoth
									.left.float
										h5 2344
										.span Month Sales
									.right.float
										img(src='img/board2.png')
							.item
								.dashboard.web-stats.warning.clearBoth
									.left.float
										h5 2344
										.span Page Views
									.right.float
										img(src='img/board3.png')
							.item
								.dashboard.web-stats.danger.clearBoth
									.left.float
										h5 2344
										.span Returns
									.right.float
										img(src='img/board4.png')
						.column.wide
							.row
								.panel.panel-title
										span LINE AND BAR GRAPHS
										.control.right.float
											a.iconfont.icon-add(href='#')
											a.iconfont.icon-less(href='#')
											a.iconfont.icon-set(href='#')
									.panel-content
										img(src='img/panel.png')
						.six.column.wide.clearBoth.panel.panel-knobs
							.item
								.panel-knob
									h5 CPU Usage
									.round-bar
										span 47
								.panel-knob-desc
									span some description can be here
							.item
								.panel-knob
									h5 CPU Usage
									.round-bar
										span 47
								.panel-knob-desc
									span some description can be here
							.item
								.panel-knob
									h5 CPU Usage
									.round-bar
										span 47
								.panel-knob-desc
									span some description can be here
							.item
								.panel-knob
									h5 CPU Usage
									.round-bar
										span 47
								.panel-knob-desc
									span some description can be here
							.item
								.panel-knob
									h5 CPU Usage
									.round-bar
										span 47
								.panel-knob-desc
									span some description can be here
							.item
								.panel-knob
									h5 CPU Usage
									.round-bar
										span 47
								.panel-knob-desc
									span some description can be here
						.row.clearBoth
							.col-lg-3
								.summary
									.header
										h5 Account Summary
									.table
										.item
											span 86%
										.item
											span 86%
							.col-lg-9
